var slider = {
		scroll: function(prev) {
			//Get the current selected item (with selected class), if none was found, get the first item
			var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
			var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
		 
			//if prev is set to 1 (previous item)
			if (prev) {
				
				//Get previous sibling
				var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
				var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
			
			//if prev is set to 0 (next item)
			} else {
				
				//Get next sibling
				var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
				var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
			}
		 
			//clear the selected class
			$('#excerpt li, #gallery li').removeClass('selected');
			
			//reassign the selected class to current items
			next_image.addClass('selected');
			next_excerpt.addClass('selected');
		 
			//Scroll the items
			$('#mask-gallery').scrollTo(next_image, 800);		
			$('#mask-excerpt').scrollTo(next_excerpt, 800);		
		},
		init: function() {
			speed = 5000;
			scrollref = this.scroll;
			
			//You have to specify width and height in #slider CSS properties
			//After that, the following script will set the width and height accordingly
			$('#mask-gallery, #gallery li').width($('#slider').width());	
			$('#gallery').width($('#slider').width() * $('#gallery li').length);
			$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
			
			//Assign a timer, so it will run periodically
			var run = setInterval('scrollref(0)', speed);	
			
			$('#gallery li:first, #excerpt li:first').addClass('selected');
		 
			//Pause the slidershow with clearInterval
			$('#btn-pause').click(function () {
				clearInterval(run);
				return false;
			});
		 
			//Continue the slideshow with setInterval
			$('#btn-play').click(function () {
				run = setInterval('scrollref(0)', speed);	
				return false;
			});
			
			//Next Slide by calling the function
			$('#btn-next').click(function () {
				this.scroll(0);	
				return false;
			});	
		 
			//Previous slide by passing prev=1
			$('#btn-prev').click(function () {
				this.scroll(1);	
				return false;
			});	
			
			//Mouse over, pause it, on mouse out, resume the slider show
			$('#slider').hover(
			
				function() {
					clearInterval(run);
				}, 
				function() {
					run = setInterval('scrollref(0)', speed);	
				}
			); 
		}
		
};
